// 引入文件
// 公用样式初始样式
require("../../assets/css/index.less");
require("./home.less");
require("../../assets/fonts/iconfont.css");

// 引入工具函数
const dom = require('../../utils/dom')
const https = require("../../utils/https")

//1.js库和样式库
//ES6方式
import Swiper, { Pagination, Autoplay } from 'swiper';
//引入swiper样式
import 'swiper/swiper-bundle.css';

// 调用导航封装函数
dom.ready(function () {
    dom.bMenu("home")

    //3.配置插件
    //1.当前轮播图需要使用哪些组件
    Swiper.use([Pagination, Autoplay])
    //2.基本插件配置
    new Swiper('.home-swiper', {
        // direction: 'vertical', // 垂直切换选项
        loop: true, // 循环模式选项
        autoplay: true,

        // 如果需要分页器
        pagination: {
            el: '.swiper-pagination',
        }
    })

    function getUserInfo() {
        https.get("/api/user/info", function (res) {
            // 解构
            let { errno, data } = res;
            if (errno == 0) {
                let { ranking, badges, clockCount } = data;
                dom.getEle("#rankTxt").innerHTML = ranking;
                dom.getEle("#clockTxt").innerHTML = clockCount;
                dom.getEle("#badgeTxt").innerHTML = badges;
            }
        })
    }
    getUserInfo();

    // 获取打卡信息
    function getClock() {
        https.get('/api/user/clockInInfo', function (res) {
            let { errno, data } = res
            if (errno == 0) {
                dom.getEle('#clockBtn').innerHTML = data.isClockIn ? '已经打卡' : '今日打卡'
                dom.getEle('#clockTxt').innerHTML = data.clockCount
            }
        })
    }
    getClock()

    // 打卡按钮
    dom.addEvent('#clockBtn', function () {
        https.post('/api/user/clockIn', {}, function (res) {
            console.log(res);
            if (res.errno == 0) {
                getClock()
                console.log(res.message);
            } else {
                console.log(res.message);
            }
        })
    })

})


